<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>AdminLTE | design list</title>
		<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
		<!-- bootstrap 3.0.2 -->
		<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
		<!-- font Awesome -->
		<link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
		<!-- Ionicons -->
		<link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
		<!-- bootstrap wysihtml5 - text editor -->
		<link href="../css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
		<!-- iCheck for checkboxes and radio inputs -->
		<link href="../css/iCheck/minimal/blue.css" rel="stylesheet" type="text/css" />
		<!-- Theme style -->
		<link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
		<style type="text/css">
			.content-title-left, .search-left{
				float: left;
				margin-left: 10px;
			}
			.content-title-right, .search-right{
				float: right;
				margin-right: 10px;
			}
			.right-side .content-title .title a{
				color: red;
			}
			.search{
				margin-bottom: 10px;
			}
    		.lit span{
    			display: inline-block;
    		}
    		
    		.lit div:nth-child(1){
    			margin-right: 23%;
    		}
    		.lit div:nth-child(5){
    			margin-right: 8%;
    		}
    		.choose{
    			float: left;
    			margin-left: 10px;
    		}
    		.choose-right{
    			border: 1px solid black;
    			padding: 2px 5px;
    			margin-left: 20px;
    		}
    		.list:nth-child(1):after{
    			display:block;
    			clear:both;
    			content:"";
    			visibility:hidden;
    			height:0;
    		}
    		.list{
    			zoom: 1;
    		}
    		.list-left{
    			float: left;
    		}
    		.list-right, .list-right{
    			float: right;
    			font-weight: bold;
    			font-size: 16px;
    		}
    		.list-right:nth-child(2){
    			color: red;
    		}
    		.list-content img{
    			width: 20px;
    			height: 20px;
    			cursor: pointer;
    		}
    		
    		.list-text span{
    			border: 1px solid black;
    			padding: 1px 6px;
    		}
    		.list-customer, .list-text, .list-content{
    			margin-top: 10px;
    		}
    		.list-text{
    			margin-bottom: 10px;
    		}
    		.special{
    			text-align: center;
    		}
    		.content-tab tr td:nth-child(1), .lit span:nth-child(1){
    			width: 35%;
    		}
    		.content-tab tr td:nth-child(2), .lit span:nth-child(2){
    			width: 15%;
    		}
    		.content-tab tr td:nth-child(3), .lit span:nth-child(3){
    			width: 18%;
    		}
    		.content-tab tr td:nth-child(4), .lit span:nth-child(4){
    			width: 15%;
    		}
    		.row{
    			margin: 20px 20px 0;
    		}
    		.title-table{
    			margin: 10px 10px 0;
    		}
		</style>
	</head>

	<body class="skin-blue">
		<!-- header logo: style can be found in header.less -->
		<header class="header">
			<a href="../index.html" class="logo">
				<!-- Add the class icon to your logo image or logo icon to add the margining -->
				集合智造
			</a>
			<!-- Header Navbar: style can be found in header.less -->
			<nav class="navbar navbar-static-top" role="navigation">
				<!-- Sidebar toggle button-->

				<div class="navbar-right">
					<ul class="nav navbar-nav">

						<!-- Notifications: style can be found in dropdown.less -->
						<li class="dropdown notifications-menu">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								设置
							</a>
							<ul class="dropdown-menu">
								<li class="header">You have 10 notifications</li>
								<li>
									<!-- inner menu: contains the actual data -->
									<ul class="menu">
										<li>
											<a href="#">
												<i class="ion ion-ios7-people info"></i> 5 new members joined today
											</a>
										</li>
										<li>
											<a href="#">
												<i class="fa fa-warning danger"></i> Very long description here that may not fit into the page and may cause design problems
											</a>
										</li>
										<li>
											<a href="#">
												<i class="fa fa-users warning"></i> 5 new members joined
											</a>
										</li>

										<li>
											<a href="#">
												<i class="ion ion-ios7-cart success"></i> 25 sales made
											</a>
										</li>
										<li>
											<a href="#">
												<i class="ion ion-ios7-person danger"></i> You changed your username
											</a>
										</li>
									</ul>
								</li>
								<li class="footer">
									<a href="#">View all</a>
								</li>
							</ul>
						</li>
						<!-- Tasks: style can be found in dropdown.less -->
						<li class="dropdown tasks-menu">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								姓名
							</a>
							<ul class="dropdown-menu">
								<li class="header">You have 9 tasks</li>
								<li>
									<!-- inner menu: contains the actual data -->
									<ul class="menu">
										<li>
											<!-- Task item -->
											<a href="#">
												<h3>
                                                    Design some buttons
                                                    <small class="pull-right">20%</small>
                                                </h3>
												<div class="progress xs">
													<div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
														<span class="sr-only">20% Complete</span>
													</div>
												</div>
											</a>
										</li>
										<!-- end task item -->
										<li>
											<!-- Task item -->
											<a href="#">
												<h3>
                                                    Create a nice theme
                                                    <small class="pull-right">40%</small>
                                                </h3>
												<div class="progress xs">
													<div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
														<span class="sr-only">40% Complete</span>
													</div>
												</div>
											</a>
										</li>
										<!-- end task item -->
										<li>
											<!-- Task item -->
											<a href="#">
												<h3>
                                                    Some task I need to do
                                                    <small class="pull-right">60%</small>
                                                </h3>
												<div class="progress xs">
													<div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
														<span class="sr-only">60% Complete</span>
													</div>
												</div>
											</a>
										</li>
										<!-- end task item -->
										<li>
											<!-- Task item -->
											<a href="#">
												<h3>
                                                    Make beautiful transitions
                                                    <small class="pull-right">80%</small>
                                                </h3>
												<div class="progress xs">
													<div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
														<span class="sr-only">80% Complete</span>
													</div>
												</div>
											</a>
										</li>
										<!-- end task item -->
									</ul>
								</li>
								<li class="footer">
									<a href="#">View all tasks</a>
								</li>
							</ul>
						</li>
						<!-- User Account: style can be found in dropdown.less -->
						<li class="dropdown user user-menu">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								<i class="glyphicon glyphicon-user"></i>
								<span>Jane Doe <i class="caret"></i></span>
							</a>
							<ul class="dropdown-menu">
								<!-- User image -->
								<li class="user-header bg-light-blue">
									<img src="../img/avatar3.png" class="img-circle" alt="User Image" />
									<p>
										Jane Doe - Web Developer
										<small>Member since Nov. 2012</small>
									</p>
								</li>
								<!-- Menu Body -->
								<li class="user-body">
									<div class="col-xs-4 text-center">
										<a href="#">Followers</a>
									</div>
									<div class="col-xs-4 text-center">
										<a href="#">Sales</a>
									</div>
									<div class="col-xs-4 text-center">
										<a href="#">Friends</a>
									</div>
								</li>
								<!-- Menu Footer-->
								<li class="user-footer">
									<div class="pull-left">
										<a href="#" class="btn btn-default btn-flat">Profile</a>
									</div>
									<div class="pull-right">
										<a href="#" class="btn btn-default btn-flat">Sign out</a>
									</div>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</nav>
		</header>
		<div class="wrapper row-offcanvas row-offcanvas-left">
			<!-- Left side column. contains the logo and sidebar -->
			<aside class="left-side sidebar-offcanvas">
				<!-- sidebar: style can be found in sidebar.less -->
				<section class="sidebar">

					<!-- sidebar menu: : style can be found in sidebar.less -->
					<ul class="sidebar-menu">
						<li>
							<a href="../index.html">
								<i class="fa fa-dashboard"></i> <span>工作台</span>
								<i class="fa fa-angle-right pull-right"></i>
							</a>
						</li>
						<li>
							<a href="widgets.html">
								<i class="fa fa-th"></i> <span>设计订单</span>
								<i class="fa fa-angle-right pull-right"></i>
							</a>
						</li>
						<li class="treeview">
							<a href="#">
								<i class="fa fa-bar-chart-o"></i>
								<span>打样订单</span>
								<i class="fa fa-angle-right pull-right"></i>
							</a>
							<!--<ul class="treeview-menu">
                                <li><a href="charts/morris.html"><i class="fa fa-angle-double-right"></i> Morris</a></li>
                                <li><a href="charts/flot.html"><i class="fa fa-angle-double-right"></i> Flot</a></li>
                                <li><a href="charts/inline.html"><i class="fa fa-angle-double-right"></i> Inline charts</a></li>
                            </ul>-->
						</li>
						<li class="treeview">
							<a href="#">
								<i class="fa fa-laptop"></i>
								<span>大货订单</span>
								<i class="fa fa-angle-right pull-right"></i>
							</a>
							<!--<ul class="treeview-menu">
                                <li><a href="UI/general.html"><i class="fa fa-angle-double-right"></i> General</a></li>
                                <li><a href="UI/icons.html"><i class="fa fa-angle-double-right"></i> Icons</a></li>
                                <li><a href="UI/buttons.html"><i class="fa fa-angle-double-right"></i> Buttons</a></li>
                                <li><a href="UI/sliders.html"><i class="fa fa-angle-double-right"></i> Sliders</a></li>
                                <li><a href="UI/timeline.html"><i class="fa fa-angle-double-right"></i> Timeline</a></li>
                            </ul>-->
						</li>
						<li class="treeview">
							<a href="#">
								<i class="fa fa-edit"></i> <span>历史订单</span>
								<i class="fa fa-angle-right pull-right"></i>
							</a>
							<!--<ul class="treeview-menu">
                                <li><a href="forms/general.html"><i class="fa fa-angle-double-right"></i> General Elements</a></li>
                                <li><a href="forms/advanced.html"><i class="fa fa-angle-double-right"></i> Advanced Elements</a></li>
                                <li><a href="forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>
                            </ul>-->
						</li>
						<li class="treeview">
							<a href="#">
								<i class="fa fa-table"></i> <span>客户管理</span>
								<i class="fa fa-angle-right pull-right"></i>
							</a>
							<ul class="treeview-menu">
								<li>
									<a href="tables/customer management.html"><i class="fa fa-angle-double-right"></i>客户管理</a>
								</li>
								<li>
									<a href="tables/new customer.html"><i class="fa fa-angle-double-right"></i>新增客户</a>
								</li>
								<li>
									<a href="tables/moreMessage.html"><i class="fa fa-angle-double-right"></i>更多客户信息</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="calendar.html">
								<i class="fa fa-calendar"></i> <span>工厂管理</span>
								<i class="fa fa-angle-right pull-right"></i>
							</a>
						</li>
						<li class="active">
							<a href="mailbox.html">
								<i class="fa fa-envelope"></i> <span>设计库</span>
								<i class="fa fa-angle-right pull-right"></i>
							</a>
						</li>
						<li class="treeview">
							<a href="#">
								<i class="fa fa-folder"></i> <span>面料库</span>
								<i class="fa fa-angle-right pull-right"></i>
							</a>
							<!--<ul class="treeview-menu">
                                <li><a href="examples/invoice.html"><i class="fa fa-angle-double-right"></i> Invoice</a></li>
                                <li><a href="examples/login.html"><i class="fa fa-angle-double-right"></i> Login</a></li>
                                <li><a href="examples/register.html"><i class="fa fa-angle-double-right"></i> Register</a></li>
                                <li><a href="examples/lockscreen.html"><i class="fa fa-angle-double-right"></i> Lockscreen</a></li>
                                <li><a href="examples/404.html"><i class="fa fa-angle-double-right"></i> 404 Error</a></li>
                                <li><a href="examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>
                                <li><a href="examples/blank.html"><i class="fa fa-angle-double-right"></i> Blank Page</a></li>
                            </ul>-->
						</li>
					</ul>
				</section>
				<!-- /.sidebar -->
			</aside>

			<!-- Right side column. Contains the navbar and content of the page -->
			<aside class="right-side">
				<section class="content-header">
                    <h1>设计列表</h1>
                </section>
				<!-- Content Header (Page header) -->
				<section class="content-title no-margin">
					<div class="row">
                    	<div class="col-md-12">
                            <div class="box">
                            	<div class="title">
									<span class="title-table content-title-left">
										<table class="table table-bordered">
											<tr>
												<td>全部</td>
												<td>待分配（20）</td>
												<td>设计中（10）</td>
												<td>待审核（2）</td>
												<td>已完成（10）</td>
											</tr>
										</table>
									</span>
									<span class="content-title-right">
										<a href="#">有5单已过期>></a>
									</span>
									<div class="clear" style="clear: both;"></div>
								</div>
								<div class="search">
									<span class="search-left">
										<input type="text" />
										<button type="button" class="btn btn-primary btn-sm">搜索</button>
									</span>
									<span class="search-right">
										<button type="button" class="btn btn-primary">创建设计订单</button>
									</span>
									<div class="clear" style="clear: both;"></div>
								</div>
								<table class="table table-bordered">
			                    	<tr>
			                    		<td>
			                    			<div class="lit">
			                					<span>信息</span>
			                    				<span>数量</span>
				                    			<span>设计师/工厂</span>
				                    			<span>状态</span>
				                    			<span>操作</span>
			                    			</div>
			                    		</td>
			                    	</tr>
				                </table>
				                <div class="choose">
				                	<span>
				                		<label>
					                		<input type="checkbox"  />&nbsp;全选
					                	</label>
				                	</span>
				                	<span class="choose-right">
				                		批量指派
				                	</span>
				                </div>
				                <div class="clear" style="clear: both;"></div>
				                <table class="table table-bordered content-tab">
				                	<tr>
				                		<td colspan="5" class="list">
				                			<div class="list-left">
				                				<label>
				                					<input type="checkbox" />&nbsp;&nbsp;2016/10/12
				                				</label>
				                				<span>订单号：3507501751075501</span>
				                			</div>
				                			<div class="list-right">剩余2天</div>
				                		</td>
				                	</tr>
				                	<tr>
				                		<td>
				                			<div class="list-content">
				                				<span>V1</span>
				                				<span>杭州小秀服科技有限公司</span>
				                				<span>
				                					<a href="#">
				                						<img src="../img/icon小别针.png"/>
				                					</a>
				                				</span>
				                				<span>
				                					<img src="../img/download.png"/>
				                				</span>
				                			</div>
				                			<div class="list-customer">
				                				<span>产品分类：连衣裙</span>
				                				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				                				<span>目标人群：18-29岁少女</span>
				                			</div>
				                			<div class="list-text">
				                				<span>淑女</span>
				                				<span>简洁</span>
				                				<span>大方得体</span>
				                			</div>
				                		</td>
				                		<td class="tdTwo">5</td>
				                		<td class="tdThree"></td>
				                		<td class="tdFour">待分配</td>
				                		<td class="special tdFive">
				                			<div class="">
				                				<button type="button" class="btn btn-primary">指派任务</button>
				                			</div>
				                			<div class="">
				                				<a href="#">订单详情</a>
				                			</div>
				                		</td>
				                	</tr>
				                </table>
				                
				                <table class="table table-bordered  content-tab">
				                	<tr>
				                		<td colspan="5" class="list">
				                			<div class="list-left">
				                				<label>
				                					<input type="checkbox" />&nbsp;&nbsp;2016/10/12
				                				</label>
				                				<span>订单号：3507501751075501</span>
				                			</div>
				                			<div class="list-right ">超期3天</div>
				                		</td>
				                	</tr>
				                	<tr>
				                		<td>
				                			<div class="list-content">
				                				<span>V2</span>
				                				<span>杭州小秀服科技有限公司</span>
				                				<span>
				                					<a href="#">
				                						<img src="../img/icon小别针.png"/>
				                					</a>
				                				</span>
				                				<span>
				                					<img src="../img/download.png"/>
				                				</span>
				                			</div>
				                			<div class="list-customer">
				                				<span>产品分类：连衣裙</span>
				                				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				                				<span>目标人群：18-29岁少女</span>
				                			</div>
				                			<div class="list-text">
				                				<span>淑女</span>
				                				<span>简洁</span>
				                				<span>大方得体</span>
				                			</div>
				                		</td>
				                		<td>5</td>
				                		<td>
				                			<div>清晨</div>
				                			<div>
				                				<a href="#">修改</a>
				                			</div>
				                		</td>
				                		<td>设计中</td>
				                		<td class="special">
				                			<a href="#">订单详情</a>
				                		</td>
				                	</tr>
				                </table>
				                
				                
				                <table class="table table-bordered content-tab">
				                	<tr>
				                		<td colspan="5" class="list">
				                			<div class="list-left">
				                				<label>
				                					<input type="checkbox" />&nbsp;&nbsp;2016/10/12
				                				</label>
				                				<span>订单号：3507501751075501</span>
				                			</div>
				                			<div class="list-right ">超期3天</div>
				                		</td>
				                	</tr>
				                	<tr>
				                		<td>
				                			<div class="list-content">
				                				<span>V3</span>
				                				<span>杭州小秀服科技有限公司</span>
				                				<span>
				                					<a href="#">
				                						<img src="../img/icon小别针.png"/>
				                					</a>
				                				</span>
				                				<span>
				                					<img src="../img/download.png"/>
				                				</span>
				                			</div>
				                			<div class="list-customer">
				                				<span>产品分类：连衣裙</span>
				                				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				                				<span>目标人群：18-29岁少女</span>
				                			</div>
				                			<div class="list-text">
				                				<span>淑女</span>
				                				<span>简洁</span>
				                				<span>大方得体</span>
				                			</div>
				                		</td>
				                		<td>5</td>
				                		<td>阿华</td>
				                		<td style="color: red;">待审核</td>
				                		<td class="special">
				                			<div>
				                				<button type="button" class="btn btn-primary">审核通过</button>
				                			</div>
				                			<div>
				                				<a href="#">订单详情</a>
				                			</div>
				                		</td>
				                	</tr>
				                </table>
				                
				                
				                <table class="table table-bordered content-tab">
				                	<tr>
				                		<td colspan="5" class="list">
				                			<div class="list-left">
				                				<label>
				                					<input type="checkbox" />&nbsp;&nbsp;2016/10/12
				                				</label>
				                				<span>订单号：3507501751075501</span>
				                			</div>
				                			<div class="list-right ">超期3天</div>
				                		</td>
				                	</tr>
				                	<tr>
				                		<td>
				                			<div class="list-content">
				                				<span>V2</span>
				                				<span>杭州小秀服科技有限公司</span>
				                				<span>
				                					<a href="#">
				                						<img src="../img/icon小别针.png"/>
				                					</a>
				                				</span>
				                				<span>
				                					<img src="../img/download.png"/>
				                				</span>
				                			</div>
				                			<div class="list-customer">
				                				<span>产品分类：连衣裙</span>
				                				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				                				<span>目标人群：18-29岁少女</span>
				                			</div>
				                			<div class="list-text">
				                				<span>淑女</span>
				                				<span>简洁</span>
				                				<span>大方得体</span>
				                			</div>
				                		</td>
				                		<td>5</td>
				                		<td>清晨</td>
				                		<td>已完成</td>
				                		<td class="special">
				                			<div>
				                				<button type="button" class="btn btn-primary">创建打样订单</button>
				                			</div>
				                			<div><a href="#">订单详情</a></div>
				                			<div><a href="#">关闭订单</a></div>
				                		</td>
				                	</tr>
				                </table>
				                <div class="choose">
				                	<span>
				                		<label>
				                			<input type="checkbox" />&nbsp;&nbsp;全选
				                		</label>
				                	</span>
				                	<span class="choose-right">
				                		批量指派
				                	</span>
				                </div>
				                <div class="clear" style="clear: both;"></div>
				                
				                <div class="box-footer clearfix">
						            <ul class="pagination pagination-sm no-margin pull-right">
						                <li><a href="#">&laquo;</a></li>
						                <li><a href="#">1</a></li>
						                <li><a href="#">2</a></li>
						                <li><a href="#">3</a></li>
						                <li><a href="#">&raquo;</a></li>
						            </ul>
				        		</div>
                            </div><!-- /.box -->

                            
                        </div><!-- /.col -->
                        
                    </div><!-- /.row -->
	                
				</section>

				
			</aside>
			<!-- /.right-side -->
			
			
		</div>
		<!-- ./wrapper -->
		
		
		<!-- COMPOSE MESSAGE MODAL -->
		<div class="modal fade" id="compose-modal" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title"><i class="fa fa-envelope-o"></i> Compose New Message</h4>
					</div>
					<form action="#" method="post">
						<div class="modal-body">
							<div class="form-group">
								<div class="input-group">
									<span class="input-group-addon">TO:</span>
									<input name="email_to" type="email" class="form-control" placeholder="Email TO">
								</div>
							</div>
							<div class="form-group">
								<div class="input-group">
									<span class="input-group-addon">CC:</span>
									<input name="email_to" type="email" class="form-control" placeholder="Email CC">
								</div>
							</div>
							<div class="form-group">
								<div class="input-group">
									<span class="input-group-addon">BCC:</span>
									<input name="email_to" type="email" class="form-control" placeholder="Email BCC">
								</div>
							</div>
							<div class="form-group">
								<textarea name="message" id="email_message" class="form-control" placeholder="Message" style="height: 120px;"></textarea>
							</div>
							<div class="form-group">
								<div class="btn btn-success btn-file">
									<i class="fa fa-paperclip"></i> Attachment
									<input type="file" name="attachment" />
								</div>
								<p class="help-block">Max. 32MB</p>
							</div>

						</div>
						<div class="modal-footer clearfix">

							<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i> Discard</button>

							<button type="submit" class="btn btn-primary pull-left"><i class="fa fa-envelope"></i> Send Message</button>
						</div>
					</form>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->

		<!-- jQuery 2.0.2 -->
		<script src="../js/jquery.min.js"></script>
		<!-- Bootstrap -->
		<script src="../js/bootstrap.min.js" type="text/javascript"></script>
		<!-- AdminLTE App -->
		<script src="../js/AdminLTE/app.js" type="text/javascript"></script>
		<!-- AdminLTE for demo purposes -->
		<!-- Bootstrap WYSIHTML5 -->
		<script src="../jsplugins//bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
		<!-- iCheck -->
		<script src="../jsplugins//iCheck/icheck.min.js" type="text/javascript"></script>
		<!-- Page script -->
		<script type="text/javascript">
			$(function() {

				"use strict";

				//iCheck for checkbox and radio inputs
				$('input[type="checkbox"]').iCheck({
					checkboxClass: 'icheckbox_minimal-blue',
					radioClass: 'iradio_minimal-blue'
				});

				//When unchecking the checkbox
				$("#check-all").on('ifUnchecked', function(event) {
					//Uncheck all checkboxes
					$("input[type='checkbox']", ".table-mailbox").iCheck("uncheck");
				});
				//When checking the checkbox
				$("#check-all").on('ifChecked', function(event) {
					//Check all checkboxes
					$("input[type='checkbox']", ".table-mailbox").iCheck("check");
				});
				//Handle starring for glyphicon and font awesome
				$(".fa-star, .fa-star-o, .glyphicon-star, .glyphicon-star-empty").click(function(e) {
					e.preventDefault();
					//detect type
					var glyph = $(this).hasClass("glyphicon");
					var fa = $(this).hasClass("fa");

					//Switch states
					if(glyph) {
						$(this).toggleClass("glyphicon-star");
						$(this).toggleClass("glyphicon-star-empty");
					}

					if(fa) {
						$(this).toggleClass("fa-star");
						$(this).toggleClass("fa-star-o");
					}
				});

				//Initialize WYSIHTML5 - text editor
				$("#email_message").wysihtml5();
			});
		</script>

	</body>

</html>